<template>
    <el-card class="home-panel" shadow="hover">
        <div class="header">
            <h4>{{ title }}</h4>
        </div>
        <!-- 商品列表 -->
        <div class="goods-list">
            <slot></slot>
        </div>
    </el-card>
</template>
<script setup>
defineProps({
    title: {
        type: String,
        default: '',
    },
})
</script>
<style scoped lang="scss">
.home-panel {
    background-color: #fff;
    padding: 0 20px;
    margin-top: 20px;
    height: 400px;
    .header {
        height: 66px;
        border-bottom: 1px solid #f5f5f5;
        padding: 18px 0;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        h4 {
            font-size: 22px;
            font-weight: normal;
        }
    }
}
</style>
